<template>
  <div class="app-page">
    <div class="page_bg"></div>
    <app-header />
    <div class="main">
      <slot></slot>
    </div>
  </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.app-page {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f4f5fe;
  justify-content: space-between;
}
.page_bg {
  width: 100%;
  height: 200px;
  background-image: url('@/assets/page/bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}

.main {
  margin-top: 48px;
  height: calc(100vh - 48px);
  overflow: hidden;
  padding: 0 12px 12px 12px;
  z-index: 9;
}
</style>